<template>
    <div class="guanywm">
        <header class='guanywm_header'>
            <p>{{guanyu.title}}</p>
            <img :src="guanyu.url" height="38" width="38" alt="" />
        </header>
        <section class='guanywm_main'>
            <div class="main_bb">
                <div class="bb_logo">
                    <img :src="hjsbbData.url" height="106" width="104" alt="" />
                    <p class="bb_logo_hjs">{{hjsbbData.text}}</p>
                </div>   
            </div>
            <div class="main_gn">
                <ul>
                    <li v-for='list in mainlist'>
                        <span>
                            <img :src="list.url" height="33" width="27" alt="" />
                        </span>
                        <p>{{list.text}}</p>
                    </li>
                </ul>
            </div>

            <div class="main_lianxi">
                <ul>
                    <li v-for='list in mlxData'>
                        <img :src="list.url" height="39" width="40" alt="" />
                        <p>
                            <span class="right">{{list.tel}}</span>
                            <span>{{list.teltext}}</span>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                
            </div>
        </section>
    </div>
</template>

<script>
 
export default {
  name: 'guanywm',
  data () {
    return{
        guanyu:{
            title:'关于我们',
            url:'../../static/img/4-8fanhuijiantou.png'
        },
        hjsbbData:{
            url:'../../static/img/logo.png',
            text:'黄金树 V3.4.1'
        },
        mainlist:[
            {
                url:'../../static/img/1-1shouye_33.png',
                text:'公司介绍'
            },
            {
                url:'../../static/img/1-1shouye_33.png',
                text:'服务协议'
            }
        ],
        mlxData:[
            {
                url:'../../static/img/4-13tubiao_1.png',
                teltext:'客服电话',
                tel:'400-610-6998'
            },{
                url:'../../static/img/4-13tubiao_2.png',
                teltext:'QQ官方交流群',
                tel:'246887302'
            },{
                url:'../../static/img/4-13tubiao_3.png',
                teltext:'微信公众号',
                tel:'黄金树珠宝'
            },{
                url:'../../static/img/4-13tubiao_4.png',
                teltext:'官方网站',
                tel:'http://www.hjsku.net'
            }
        ]
    }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/4-13guanyuwomen.less";
   @import ".././assets/css/reset.css";
</style>